<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>用户列表</title>
		<script src="js/public.js"></script>
		<!--<link rel="stylesheet" href="css/index.css" type="text/css">-->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
		<link rel="stylesheet" href="css/currency.css" />
		<link rel="stylesheet" href="Font-Awesome-3.2.1/css/font-awesome.css" />
		<link rel="stylesheet" href="Font-Awesome-3.2.1/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/userList.css" type="text/css">

		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Access-Control-Allow-Origin" content="application/json; charset=utf-8" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 启用 WebApp 全屏模式 -->
		<meta http-equiv="Cache-Control" content="no-transform " />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta name="format-detection" content="telphone=no, email=no" />
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
		<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

		<!--<script type="text/javascript" src="js/checkbox.js"></script>-->

		<!--<script type="text/javascript">
        window.onload=function(){

               var fontsize = window.innerWidth/7.5>100?100:window.innerWidth/7.5>100;
               alert(fontsize)
            var winwidth = window.innerWidth
            document.documentElement.style.fontSize = winwidth/7.5 + 'px';
            window.onresize = function () {
                var winwidth = window.innerWidth;
                document.documentElement.style.fontSize = winwidth/7.5 + 'px';
            }
        }
    </script>-->
		<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
		<script src="js/md5.js" type="text/javascript"></script>
		<script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
		<script type="text/javascript" src="js/registeredUser.js"></script>
	</head>

	<body>
		<div class="container-fluid" >
			<h1>用户信息管理</h1>
			<div style="margin-bottom: 2rem;">
			<form class="form-inline" style="margin-top: 5px;margin-bottom: 5px;">

				<div class="pull-right input-group">
					<select id="searchType">
						<!--<option value="nickname">昵称</option>-->
						<option value="phone">手机号</option>
						<option value="userid">用户ID</option>
					</select>
					<input id="search" type="text" style="width: 18rem;" class="form-control " placeholder="请输入用户ID/手机号" aria-label="请输入用户id/手机号/用户昵称">
					<div class="input-group-append" id="UserSearch" style="cursor: pointer">
						<span class="input-group-text"><i class="icon-search"></i>查询</span>
					</div>
				</div>
			</form>
			</div>
			<div id="container" style="width: 100%;height: 250px"></div>
			<div class="table-responsive" style="display: none">
				<table class="table table-striped table-hover" id="userTab">
					<thead>
						<tr>
							<th>ID</th>
							<th>昵称</th>
							<th>手机号</th>
							<th>余额</th>
							<th>赠送币</th>
							<th>购买币</th>
							<th>账号状态</th>
							<th>历史记录</th>
							<th>加/减币</th>
						</tr>
					</thead>
					<tbody>
						<!--<tr>-->
							<!--<td>1234567</td>-->
							<!--<td>这只是样板</td>-->
							<!--<td>12345678900</td>-->
							<!--<td>11111</td>-->
							<!--<td>111</td>-->
							<!--<td>1111</td>-->
							<!--<td>正常</td>-->
							<!--<td><button class="btn-color-black"><i class=" icon-money">&nbsp;</i>历史金币</button></td>-->
							<!--<td><button class="btn-color-black"><i class=" icon-dollar">&nbsp;</i>加币/减币</button></td>-->
						<!--</tr>-->
					</tbody>
				</table>
			</div>
			<!--金币历史记录-->
			<div class="gold_history_list">
				<div style="line-height: 1.75rem;height: 1.75rem;margin-bottom: .5rem;">
					<h3>金币历史记录 <span class="sure">x</span></h3>
				</div>
				<div style="height: 92%;overflow: auto;margin-bottom:0.1rem;">
					<table class="table" id="historyTable">
						<thead>
						<tr>
							<th>时间</th>
							<th>金币</th>
							<th>操作</th>
						</tr>

						</thead>
						<tbody>
						<tr>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
			<!--<div class="gold_history_list"  style="display: none;overflow-y: scroll;">-->
				<!--<h3>金币历史记录</h3>-->
				<!--<table class="table" id="historyTable">-->
					<!--<thead>-->
					<!--<tr>-->
						<!--<th>时间</th>-->
						<!--<th>金币</th>-->
						<!--<th>操作</th>-->
					<!--</tr>-->

					<!--</thead>-->
					<!--<tbody>-->
					<!--<tr>-->
						<!--<td>2018-11-07 15:17</td>-->
						<!--<td>1000</td>-->
						<!--<td>充值</td>-->
					<!--</tr>-->
					<!--</tbody>-->
				<!--</table>-->
				<!--<button class="sure">确定</button>-->
			<!--</div>-->
			<!--加币/减币-->
			<div class="plus_reduce" style="display: none">
				<h3>加币/减币</h3>
				<div class="form" >
					<div>
						<label>用户</label>
						<input id="userid" type='text' placeholder="请输入用户ID/手机号"/>
					</div>
					<div>
						<label >加减币</label>
						<input id="mb" type='number' placeholder="加币用正数，减币用负数">
					</div>
					<div>
						<label>原因</label>
						<textarea id="reason" rows="8" placeholder="请输入加减币的原因"></textarea>
					</div>
					<div style="margin-left: 25%;">
						<button class="btn" id="updateCoin" style="color: blue;"><i class="icon-ok"></i>确认</button>
						<button class="btn" id="closePlusReduce" style="margin-left: 10%;color: red;"><i class="icon-remove"></i>取消</button>
					</div>
				</div>
			</div>
			</div>
		</div>
	</body>

</html>